<template>
<div>
        <div class="hot_car" v-for="item in data" :key="item.car_id">
          <span class="car_icon"><img src="../assets/img/body/hot.png" alt=""></span>
          <div class="hotcar_info">
            <div class="hotcar_name">{{item.car_name}} </div>
            <div class="hotcar_type">
              <span>{{item.car_feature}}</span>
            </div>
            <div class="hotcar_price">
              <em>￥</em>
              <span>
                {{item.car_price}}
              </span>
              /天起...
            </div>
          </div>
          <div class="hotcar_car" >
            <img :src="item.car_img" alt="">
          </div>
          
        </div>
</div>
</template>

<script>
  export default {
    props:["arr","data"],
    mounted () {
      // console.log(this.arr);
    },

    data() {
      return {
      }
    },
  }
</script>

<style src="../assets/css/hotcardetails.css" scoped>

</style>
<style lang="scss" scoped>

</style>